<#assign basePath=site.url>
<#include "header.html">
<style type="text/css">
body {
	background-image: url("${basePath}img/bgg.jpg");
}

.diwenben{
background-image: url("${basePath}img/diwenben.png");
}
.dibiaoti{
background-image: url("${basePath}img/dibiaoti.png");
}
.headdiv {
    background-image: url("${basePath}img/dibiaoti.png");
	border-bottom-color: #60605f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #60605f;
	border-top-width: 2px;
	border-top-style: solid;
}


.head {
	background-image: url("${basePath}img/shuhua_biaoti00.png");
	background-repeat: no-repeat;
}

.headmore {
	background-image: url("${basePath}img/shuhua_more_00.png");
	background-repeat: no-repeat;
}


.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/shuhua_bg_00.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content {
	background-image: url("${basePath}img/shuhua_bg_00.png");
	width: 906px;
	padding-left: 17px;
	padding-right: 17px;
	position: static;
}

.content1 {
	width: 611px;
	height: 651px;
	float: left;
	background-image: inherit;
}

.content1_1 {
	width: 611px;
	height: 372px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
}

.content1_2 {
	width: 302px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
	margin-top: 10px;
	height: 260px;
}

.content1_3 {
	margin-left: 5px;
	margin-top: 10px;
	width: 302px;
	height: 260px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
}

.content1content {
	background-image: url("${basePath}img/di02.jpg");
	height: 453px;
	clear: both;
	padding-top: 0px;
	font-size: 11px;
}

.border-tb {
	border-top-color: #bcbd9d;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #bcbd9d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.borderdiv {
	background-color: #bcbd9d;
	height: 2px;
}

.aa {
	opacity: 0.10;
	-moz-opacity: 0.10;
	filter: alpha(opacity = 10);
	background: #1d1e22;
}

.content1content ul {
	color: #000000;
	font-size: 13px;
	margin: 0px;
}

.spanleft {
	float: left;
}

.spanright {
	float: right;
}

.content2 {
	width: 278px;
	height: 495px;
	float: left;
	background-image: inherit;
	margin-left: 17px;
}

.content2_1 {
	margin-top: 20px;
	clear: both;
	position: relative;
}

.content2_1_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 288px;
}

.content2_2 {
	clear: both;
	position: relative;
	margin-top: 5px;
}

.content2_2_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 122px;
}

.content2_3 {
	margin-top: 5px;
	clear: both;
	position: relative;
}

.content2_3_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 113px;
}

.content2content1 span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 100px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

.hezuo {
	margin-top: 0px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 906px;
}

.hezuohead {
	background-image: url("${basePath}img/hezuobg.jpg");
	background-repeat: no-repeat;
	height: 29px;
	width: 906px;
}

.hezuoheadtext1 {
	color: white;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
	font-size: 13px;
}

.hezuocentent {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 83px;
	width: 924px;
	padding-top: 15px;
}

.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/nav02.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.nav1 {
	margin-left: 43px;
}

img {
	border: none;
}

ul {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

ul li {
	list-style: none;
	clear: both;
	padding: 2px;
}

.foot {
	background-image: url("${basePath}img/foot_bg.jpg");
	width: 940px;
	height: 116px;
	margin-left: 0px;
}

.bg2 {
	background-image: url("${basePath}img/di02.jpg");
}

.ps {
	background-image: url("${basePath}img/paimai_ps.png");
}

.border {
	border-color: #ff7b7b;
	border-style: solid;
	border-width: 2px;
}

.borderold {
	border-color: #2e2e2e;
	border-style: solid;
	border-width: 2px;
}
.navimg{
display: block;
margin-left: 2px;
margin-right:0px;
}
</style>
<link href="${basePath}css/site.css" rel="stylesheet" type="text/css" />

</head>
<body>
	<#include "../include/headimg.html"> 
	<#include "nav_油画.html">
	<div class="content">
      <div style="width: 601px; float: left;">
           <div style="margin-bottom: 10px;">
	             <div class="headdiv" style="width: 601px; height: 31px;">
						<div class="head">作品展示</div>
						<div class="headmore">更多</div>
				  </div>
				  <div class="clear"></div>
				  <div style="padding-left:6px;padding-top: 10px; "  class="diwenben">
				  		<@cms_content_list count='10' channelId="42" titLen='6' orderBy='9' channelOption='1'>
			           <#list tag_list as a>
						<a href="${a.url}">
						<div style="margin-right:15px; width: 104px;margin-top: 0px;float: left;display: block;position: relative;" >
								     <img  id="m${a_index}" txt="这是一张画m${a_index}"    style="width: 109px;height:110px;margin-top: 0px;display: block;" alt="" src="${a.typeImg!site.defImg}">
								     <div  style="width: 104px;height:18px;text-align:center; font-size: 13px;" ><@text_cut s=a.title len=titLen append=append/></div>
						</div>
						</a>
					   </#list>
					   </@cms_content_list>
				       <div class="clear"></div>
				  </div>
				   <div class="clear"></div>
           </div>
           <div>
	           <div class="headdiv" style="width: 601px; height: 31px;">
						<div class="head">艺术名家</div>
						<div class="headmore">更多</div>
				</div>
				<div class="clear"></div>
				 <div style="padding-top: 10px; "  class="diwenben">
					   <@cms_content_list count='10' channelId="86" titLen='7' orderBy='9' channelOption='1'>
			      <#list tag_list as a>
						<a href="${a.url}">
						<div class="photo" style="margin:5px; width: 108px;margin-top: 0px;float: left;display: block;position: relative;" >
						             <div style="background-image:url('${basePath}img/youhua_huajia_bg.png');width: 108px;height:105px;margin: 0;padding: 0; position:relative;text-align: center;vertical-align: middle;line-height: 95px;">
					                       <img   align="middle" id="m${a_index}" txt="这是一张画m${a_index}"    style="width: 108px;height:105px;font-size-adjust:none;display: block; " alt="" src="${a.typeImg!site.defImg}">
								     </div>
								     <div  style="width: 108px;height:18px;text-align:center; font-size: 13px;" ><@text_cut s=a.title len=titLen append=append/></div>
						</div>
						</a>
					   </#list>
					   </@cms_content_list>
				       <div class="clear"></div>
				  </div>
           </div>
      </div>
      	<div  style="width: 291px; float: left;margin-left: 11px;"  class="diwenben">
	         <div class="headdiv" style="width: 291px; height: 31px;">
						<div style="float:left;">
						
						<img src="${basePath}img/youhua_zixun.png"/>
						
						</div>
						<div class="headmore">更多</div>
			</div>
			<div class="clear" ></div>
			 <div >
				  
				  <div style="width: 270px;height: 266px;margin-bottom: 9px;" >
				  	<@cms_content_list count='1' channelId="42" titLen='6' orderBy='9' channelOption='1'>
			           <#list tag_list as a>
				   <a href="${a.url}"><img style=";margin-top: 22px;margin-left:10px;width: 270px;height: 244px;" alt=""  src="${a.typeImg!site.defImg}"></a>
				     </#list>
					 </@cms_content_list>
				  </div>
				  <div style="padding-bottom: 10px;padding-left: 5px;">
							<ul>
								<@cms_content_list count='12' channelId="1" titLen='18' orderBy='9' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}">.<@text_cut s=a.title len=titLen append=append/></a></li> </#list>
							 </@cms_content_list>
				             </ul>	
				  </div>
				  
			 </div>
		</div>
		<div class="clear"></div>
	</div>

	
	<div class="clear"></div>
 <#include "foot.html">

</body>
</html>